<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <symbol id="auto_skip" viewBox="0 0 1024 1024">
        <g id="跳过" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" width="20em" height="20em">
            <circle id="椭圆形" fill="#999999" cx="512" cy="512" r="512"></circle>
            <g id="skip" transform="translate(0.500000, 0.000000)" fillRule="nonzero">
                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="1024" height="1024"></rect>
                <path
                    d="M536.98,283.877 L537.3,284.104 L833.4,499.104 C842.105,505.435 842.199,518.225 833.68,524.695 L833.4,524.904 L537.3,739.904 C526.905,747.428 512.296,740.25 512.004,727.395 L512,727.004 L512,297.004 C512,284.034 526.407,276.554 536.98,283.877 L536.98,283.877 Z M208.98,283.877 L209.3,284.104 L505.4,499.104 C514.105,505.435 514.199,518.225 505.68,524.695 L505.4,524.904 L209.3,739.904 C198.905,747.428 184.296,740.25 184.004,727.395 L184,727.004 L184,297.004 C184,284.034 198.407,276.554 208.98,283.877 L208.98,283.877 Z M575.8,390.904 L575.8,633.104 L742.5,512.004 L575.8,390.904 Z M247.8,390.904 L247.8,633.104 L414.5,512.004 L247.8,390.904 Z"
                    id="形状" fill="#FFFFFF"></path>
            </g>
        </g>
    </symbol>
    <svg>
        <symbol id="myCircle" viewBox="0 0 200 200">
            <circle cx="50" cy="50" r="30" />
        </symbol>
    </svg>

    <svg>
        <use xlink:href="#myCircle" x="20" y="20" fill="red" />
        <use xlink:href="#myCircle" x="80" y="20" fill="blue" />
        <use xlink:href="#myCircle" x="50" y="80" fill="green" />
        <use xlink:href="#skip" x="30" y="50" fill="green" />
    </svg>
    <svg>
        <defs>
            <circle id="circle" cx="50" cy="50" r="40" />
        </defs>
        <use xlink:href="#myCircle" x="20" y="20" fill="red" />

        <use xlink:href="#circle" fill="blue" />
    </svg>

</body>

</html>